<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>

    #videoShow{
        position: relative;
    }

    #videoShow .iconclose{
        position:absolute;
        top: -20px;
        right: -20px;
        border-radius: 50px;
    }

    .note-editor::before{
        content: "";
        display: block;
        width: 100%;
        height: 40%;
        background: rgba(255,255,255,.1);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

</style>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">

                        <input id="id" name="id" th:value="${detailsReport.id}"  type="hidden">
                        <input id="type" name="type" th:value="${detailsReport.type}"  type="hidden">

                        <div class="form-group">
                            <label class="col-sm-3 control-label">标题：</label>
                            <div class="col-sm-8">
                                <div id="title" name="type" th:text="${detailsReport.title}" class="form-control"></div>
                            </div>
                        </div>


                        <div id="articleContent">

                            <div class="form-group">
                                <label class="col-sm-3 control-label">文章封面：</label>
                                <div class="col-sm-8">

                                    <div id="license1">

                                        <label th:if="${detailsReport.videoCover == ''}">-</label>
                                        <label th:if="${detailsReport.videoCover != ''}">
                                            <img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
                                        </label>

                                    </div>

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">文章内容：</label>
                                <div class="col-sm-8">
                                    <input id="article" name="article" type="hidden" th:value="${detailsReport.article}">
                                    <div class="ibox-content no-padding">
                                        <div id="content_sn" class="brandCharacteristics editor"></div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div id="video">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">视频封面：</label>
                                <div class="col-sm-8">
                                    <input id="videoValue" type="hidden" th:value="${detailsReport.videoCover}">
                                    <div id="license1">

                                        <label th:if="${detailsReport.videoCover == ''}">-</label>
                                        <label th:if="${detailsReport.videoCover != ''}">
                                            <img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
                                        </label>

                                    </div>

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">视频信息：</label>
                                <div class="col-sm-8">

                                    <div id="videoShow" th:if="${detailsReport.video == ''}">
                                        -
                                    </div>

                                    <div id="videoShow" th:if="${detailsReport.video != '' }">
                                        <video width="200" height="200" th:src="${detailsReport.video}" controls autoplay>抱歉，您的浏览器不支持内嵌视频</video>
                                    </div>

                                    <input type="hidden" th:value="${detailsReport.video}" id="videoSrc">

                                </div>
                            </div>
                        </div>

                        <div id="picture">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">图片信息：</label>
                                <div class="col-sm-8">

                                    <div id="license1">

                                        <label th:if="${detailsReport.image == ''}">-</label>
                                        <label th:if="${detailsReport.image != ''}">
                                            <img class="upImg" th:src="${detailsReport.image}" width="80" height="80"/>
                                        </label>

                                    </div>

                                </div>
                            </div>
                        </div>


                        <div id="videoMadio">
                                <label class="col-sm-3 control-label">缩略图封面：</label>
                                <div class="col-sm-8">

                                    <div id="license1">

                                        <label th:if="${detailsReport.videoCover == ''}">-</label>
                                        <label th:if="${detailsReport.videoCover != ''}">
                                            <img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
                                        </label>

                                    </div>

                                </div>
                        </div>

                        <div id="media">

                            <div class="form-group">
                                <label class="col-sm-3 control-label">媒体来源：</label>
                                <div class="col-sm-8">
                                    <div class="form-control" th:if="${detailsReport.mediaSource == ''}">-</div>
                                    <div class="form-control" th:if="${detailsReport.mediaSource} != ''">
                                        <div th:text="${detailsReport.mediaSource}"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">媒体封面：</label>
                                <div class="col-sm-8">

                                    <div id="license1">

                                        <label th:if="${detailsReport.videoCover == ''}">-</label>
                                        <label th:if="${detailsReport.videoCover != ''}">
                                            <img class="upImg" th:src="${detailsReport.videoCover}" width="80" height="80"/>
                                        </label>

                                    </div>

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-3 control-label">媒体内容：</label>
                                <div class="col-sm-8">
                                    <input id="mediaRich" name="media" type="hidden" th:value="${detailsReport.media}">
                                    <div class="ibox-content no-padding">
                                        <div id="media_sn" class="brandCharacteristics editor"></div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-3 control-label">优先级：</label>
                            <div class="col-sm-8">
                                <div id="sortOrder" th:text="${detailsReport.sortOrder}" class="form-control" ></div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/detailsReport/detailInfo.js">
</script>
</body>
</html>
